<template>
  <div>
    <div class="service">
      <div class="container">
        <ul>
          <li><span class="icon-setting"></span>预约维修服务</li>
          <li><span class="icon-7day"></span>7天无理由退货</li>
          <li><span class="icon-15day"></span>15天免费换货</li>
          <li><span class="icon-post"></span>满150元包邮</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'BarService',

  data() {
    return {}
  },

  mounted() {},

  methods: {}
}
</script>

<style lang="scss" scoped>
@import "../../assets/scss/mixin";

.service {
  width: 100%;
  padding: 33px 0;
  color: #666666;
  font-size: 16px;

  ul {
    display: flex;
    //    align-items: center;
    text-align: center;
  }
  li {
    flex: auto;
 border-right:1px solid #E5E5E5;
    // float: left;
    // width: 25%;
  }
  span {
 
    margin-right: 8px;
    vertical-align: middle;
  }
  .icon-setting{
        @include bgImg(20px,20px,'../../../public/imgs/icon-setting.png');
      }
      .icon-7day{
        @include bgImg(20px,20px,'../../../public//imgs/icon-7day.png');
      }
      .icon-15day{
        @include bgImg(20px,20px,'../../../public//imgs/icon-15day.png');
      }
      .icon-post{
        @include bgImg(20px,20px,'../../../public/imgs/icon-post.png');
      }
}
</style>
